<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>嘻嘻嘻哈哈哈博客</title>
    <link rel="stylesheet" type="text/css" href="./static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./static/css/blog.css">
    <script src="./static/js/jquery.min.js"></script>
</head>
<body class="user-select">
<header class="header">
    <nav class="navbar navbar-default" id="navbar1"
         style="opacity: 0.9;z-index: 9999;">
        <div class="container" id="nav">
            <div class="navbar-header logo-site">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#header-navbar" aria-expanded="false"><span class="sr-only"></span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                <h1 class="logo hvr-bounce-in">
                    <a href="/" title="嘻嘻嘻哈哈哈博客">嘻嘻嘻哈哈哈博客</a>
                </h1>
            </div>
        </div>
    </nav>
</header>
<section class="container" id="blogHome">
    <div class="content-wrap">
        <div id="focusslide" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
                <div class="item" th:each="item,stat : ${adList}" th:classappend="${stat.index} eq 0 ? 'active': ''">
                    <a th:href="${item.href}" th:title="${item.alt}">
                        <img th:src="${url}+${item.src}" th:alt="${item.alt}" class="img-responsive">
                    </a>
                </div>
            </div>
            <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">上一个</span>
            </a>
            <a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">下一个</span>
            </a>
        </div>
        <article class="excerpt-minic excerpt-minic-index" th:each="item : ${recommendList}">
            <h2><span class="red">【推荐】</span>
                <a th:href="'news/detail_'+${item.cid}+'.html'" th:title="${item.title}" th:text="${item.title}"></a>
            </h2>
            <p class="note" th:text="${item.description}"></p>
        </article>
        <div class="title">
            <h3>最新发布</h3>
        </div>

        <article class="excerpt excerpt-1" th:each="item : ${contentList}">
            <a class="focus" th:href="'news/detail_'+${item.cid}+'.html'" th:title="${item.title}">
                <img class="thumb" th:src="${url}+${item.images}" th:alt="${item.title}"/>
            </a>
            <header>
                <a class="cat" th:href="'news.html?menuId=' + ${item.menuDO.menuId}" th:title="${item.menuDO.name}" th:text="${item.menuDO.name}" ><i></i></a>
                <h2>
                    <a th:href="'news/detail_'+${item.cid}+'.html'" th:title="${item.title}"  th:text="${item.title}"></a>
                </h2>
            </header>
            <p class="meta">
                <time class="time"><i class="glyphicon glyphicon-time"></i> <span th:text="${item.gtmCreate}"></span></time>
            </p>
            <p class="note" th:text="${item.description}"></p>
            <a class="lookAll" th:href="'news/detail_'+${item.cid}+'.html'" title="阅读全文">阅读全文</a>
        </article>
        <div class="m-pagination">
<!--            <div>接近于</div>-->
        </div>
    </div>
</section>
<footer class="footer">
    <div class="container">
        <p>本站[<a href="http://xiaochancy.gitee.io/java/">嘻嘻嘻哈哈哈博客</a>]的部分内容来源于网络
        </p>
    </div>
    <div id="gotop"><a class="gotop"></a></div>
</footer>
<script src="./static/js/bootstrap.min.js"></script>
<script src="./static/js/blog.js"></script>
</body>
</html>
